.list{margin: 0px auto; padding: 0px 2px; padding-top: 0px;}

.list .box{width:200px; width: 192px; padding: 15px 15px 0px; font-size: 12px; margin:10px 0px;
background-color: white; box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);}

.list .box .hidden-btns{position: absolute; display: none; width: 220px;}
.list .box .hidden-btns a{margin-right: 20px; background: #84BCE2; color: #fff; padding: 5px 8px; cursor: pointer;}
.list .box .des{ margin: 5px 0px;}
.list .box ul li{margin: 0px -15px; border-bottom: solid 1px #dfdfdf; padding: 10px 15px;  background: #f3f3f3;}
.list .box ul li a{color: #4890CE;}
.list .box ul li img{width: 30px; height: 30px;}
.list .box ul li a.img{float: left; display: block; padding-right: 10px; padding-top: 3px;}
.list .box ul li.comment{color: #666;}
.list .box ul li.more-c{text-align: center;}
.list .box ul li .input-c{width: 180px;}
.list .box ul li.comment-pub form{display: none;}
.list .box ul li.comment-pub textarea{width: 190px; height:70px; margin-bottom: 10px; border: solid 1px #cfcfcf;}
.list .box ul li.comment-pub a{color: #fff; background: #84BCE2; padding: 5px 8px; cursor: pointer;}
.list .box ul li.comment-pub a.pub-c-cancel{background: #A4C7E7;}

.bottom-info{width: 60px; margin-top: 20px; margin-bottom: 20px;}
.bottom-info span{cursor: default;}

.gotop{position: fixed; right:20px; bottom: 30px; width: 53px; height:60px; background: url('img/ico_gotop.png') no-repeat;}
.gotop a{display: block; width: 100%;height:100%;}


/*album*/

.list-album{margin: 0px auto; padding: 0px 2px; padding-top: 0px;}

.list-album .box{width: 192px; padding: 15px 15px; font-size: 12px; margin:10px 0px;
background-color: white; box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); position: relative;}

.list-album .box .small-imgs{width:196px; height:192px; overflow: hidden; margin-left: -1px;}
.list-album .box .small-imgs img{float:left; width: 62px; height: 62px; margin-bottom: 3px; margin-right: 3px;}
.list-album .box .add-f{display:block; width: 192px;  background: #4890CE; color: #fff;  text-align: center; padding: 3px 0px; margin-top: 5px;}
.list-album .box .add-f:hover{background: #84BCE2;}
.list-album .box .unf{display:block; width: 192px;  background: #9C9E9C; color: #fff;  text-align: center; padding: 3px 0px; margin-top: 5px;}
.list-album .box .unf:hover{background: #afafaf;}
.list-album .box .name{width: 100%; margin-top:5px; font-size: 14px;}
.list-album .box .name a{color: #444;}
.list-album .box .name a:hover{text-decoration: underline;}
.list-album .box .amount{position: absolute; left:-10px; top:10px; background: #84BCE2; padding: 2px 5px; color: #fff; cursor: default;}


/*caption*/
.caption{margin: 10px 30px 0px 30px;}
.caption h3.name{font-size: 16px; color: #333;}
.caption h3.name span{font-size: 12px; color: #666; margin-left: 15px; font-weight: normal;}
.caption h3.name a{color: #fff; font-size: 12px; margin-left: 15px; font-weight: normal; background: #4A96CE; padding: 3px 8px;}
.caption h3.name a.cancel{background: #999;}
.caption .desc{color: #666; margin-left: 20px; margin-top: 5px;}

.userinfo .ico{width: 60px; height: 60px; float: left; margin-right: 10px;}
.userinfo{color: #666; background: #fff; padding: 15px;}
.userinfo .nick{font-size: 14px; display: block; margin-bottom: 10px; color: #4890CE;}
.userinfo .gender{}
.userinfo .city{margin-top: 10px; display: block;}
.userinfo .city a{color: #4890CE;}
.userinfo .intro{margin: 10px 0px;}
.userinfo .follows{text-align: center; padding: 10px 10px; background: #efefef; margin-bottom: 15px;}
.userinfo .follows .item{float:left; width: 50px;}
.userinfo .follow{padding: 5px 10px; background: #4A96CE; color: #fff; float:right; margin-top: 5px;}
.userinfo .unfollow{padding: 5px 10px; background: #999; color: #fff; float:right; margin-top: 5px;}
.userinfo .num{margin: 0px 5px; color: #EF2863; font-weight: bold;}
.userinfo .nav{border-top: solid 1px #cfcfcf;}
.userinfo .nav a{display: block; border: solid 1px #cfcfcf; border-top: 0; padding: 10px 0px;padding-left: 20px; color: #666; background: #efefef;}
.userinfo .nav a.selected{background: #fff;}
.userinfo .nav a:hover{background: #f5f5f5;}

/*fixed in image list*/
.list .userinfo{padding-bottom: 15px;}
















